{% load staticfiles %}
<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>芒果浩明</title>

    <link href="{% static 'blog/img/favicon.ico' %}" rel="icon">
    <link rel="stylesheet" href="{% static 'blog/css/icon.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/global.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/markdown.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/style.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/font_m7mp27xfc0jp2e29.css' %}">
        <!--[if lt IE 9]>
    <script src="//cdnjscn.b0.upaiyun.com/libs/html5shiv/r29/html5.min.js"></script>
    <script src="//cdnjscn.b0.upaiyun.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    
    <style type="text/css">
			/* Code tidied up by ScrapBook */
			#te-cmt-tool { display: none; list-style: outside none none; padding: 0px; margin: 10px 0px; }
			#te-cmt-cmd { padding: 0px; margin: 0px; overflow: hidden; list-style: outside none none; border: 1px solid rgb(150, 150, 150); border-radius: 3px; }
			#te-cmt-cmd li { padding: 0px; margin: 0px; float: left; border: medium none; }
			#te-cmt-cmd li a { height: 32px; line-height: 32px; padding: 0px 10px; display: block; }
			.te-cmt-smilies { display: none; padding: 8px 5px 5px; margin-top: -3px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(150, 150, 150) rgb(150, 150, 150); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 0px 0px 3px 3px; }
			.te-cmt-smilies span { cursor: pointer; }
			.te-cmt-smilies span img { vertical-align: middle; }
			.te-cmt-ban { height: 20px; line-height: 20px; }
			.te-cmt-ban input[type="checkbox"] { margin: 0px; padding: 0px; vertical-align: middle; }
    </style>
	<script src="{% static 'blog/js/hm.js' %}"></script>
	<script src="{% static 'blog/js/share.js' %}"></script>
</head>
<body>
<div id="wrapper" class="">
    <header id="header" style="top: 0px;">
		<a class="site-name" href="#" title="芒果浩明的个人博客">明</a>
        <nav class="nav">
            <a href="{% url 'blog:index' %}" title="首页"><i class="icon icon-home"></i> <span>首页</span></a>
            <a href="{% url 'blog:archives' %}" title="归档"><i class="icon icon-archive"></i> <span>归档</span></a>
            <a href="tags.html" title="标签"><i class="icon icon-tag"></i> <span>标签</span></a>
            <a href="#" title="链接"><i class="icon icon-link"></i> <span>链接</span></a>
            <a href="#" title="留言"><i class="icon icon-comment"></i> <span>留言</span></a>
            <a href="{% url 'blog:about' %}" title="关于"><i class="icon icon-info"></i> <span>关于</span></a>        
        </nav>
    </header>
    <div id="cover" style="background-image: url(&quot;{% static 'blog/img/bg.jpg' %}&quot;);">
		<div class="cover-info">
            <img src="{% static 'blog/img/avatar.jpg' %}" alt="芒果浩明" class="avatar">
            			<h1>芒果浩明</h1>
			<p>芒果浩明的个人博客</p>
			<div class="follow-me">
			   <a href="https://github.com/IHaoMing" class="icon icon-github" target="_blank"></a>
		    </div>
		</div>
	</div>
    <div id="body">
        <div class="body-header" style="top: 0px;">
			<a href="#" class="btn btn-default btn-nav-size pull-left hidden-xs"><i class="icon icon-outdent"></i></a>
			<a href="#" class="btn btn-default btn-screen-size pull-left hidden-xs"><i class="icon icon-compress"></i></a>
			<div class="site-search pull-left">
                <form id="search" class="form" method="post" action="https://lixianhua.com/" role="search">
                    <label for="s" class="sr-only">搜索关键字</label>
                    <input name="s" class="form-control" placeholder="搜索" type="text">
                    <button type="submit" class="btn btn-default" title="搜索"><i class="icon icon-search"></i></button>
                </form>
            </div>
							<a href="#" class="btn btn-default pull-right" title="登录"><i class="icon icon-login"></i></a>
			            <a href="#" class="btn btn-default btn-mode pull-right"><i class="icon icon-moon"></i></a>
        </div>
    <div id="main">			<div id="banner" class="carousel slide" data-ride="carousel" data-interval="5000" data-multi="true">
		<a class="left carousel-control" href="#banner" role="button" data-slide="prev">
			<span class="icon icon-prev" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#banner" role="button" data-slide="next">
			<span class="icon icon-next" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
	<div class="post-list">
		
			
		{% for post in post_list %}
		  <article class="post post-{{ post.pk }}">
		    <div class="post-wrap">
			<div class="post-author">
				<a href="#" class="avatar"><img src="{% static 'blog/img/tx.jpeg' %}" alt=""></a>
				<a class="author-name" href="#">{{ post.author }}</a>
				<span datetime="{{ post.created_time }}" itemprop="datePublished">{{ post.created_time }}</span>
			</div>
			<a class="post-title" href="{{ post.get_absolute_url }}">{{ post.title }}</a>
			<div class="post-abstract">
				{{ post.excerpt }}
			</div>
			<ul class="post-meta">
				<li class="cat"><a href="#">{{ post.category.name }}</a></li>
				<li><a href="#"><i class="icon icon-tag"></i></a></li>
				<li><a href="{{ post.get_absolute_url }}"><i class="icon icon-eye"></i>{{ post.views }}</a></li>
				<li><a href="#"><i class="icon icon-comment"></i>{{ post.comment_set.count }} </a></li>
				<li><i class="icon icon-like"></i> 20</li>
				<li></li>
			</ul>
		</div>
		  </article>
		{% empty %}
		  <div class="no-post">暂时还没有发布的文章！</div>
		{% endfor %}
	</div>
<!-- 分页 -->
<ol class="page-navigator"><li class="current"><a href="https://lixianhua.com/page/1/">1</a></li><li><a href="https://lixianhua.com/page/2/">2</a></li><li class="next"><a href="https://lixianhua.com/page/2/">后一页 »</a></li></ol>

<div class="hidden"><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3250a196b4edbd5ceebbc6b1483c6c38";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></div>
</div><!-- end #main-->


<footer class="footer">
	<div class="footer-inner">
				<p><a href="#"><i class=""></i> 归档 </a>
				   <a href="#"><i class=""></i> 标签 </a>
				   <a href="#"><i class=""></i> 链接 </a>
				   <a href="#"><i class=""></i> 留言 </a>
				   <a href="#"><i class=""></i> 关于 </a>
				 </p>
				<p>© 2017 <a href="#">芒果浩明</a>
					<em>·</em> <a href="http://www.typecho.org/" target="_blank">Typecho</a>
					 <span class="hidden-xs"><em>·</em> <a href="http://www.miitbeian.gov.cn/" target="blank">备案号</a></span>					<em>·</em> Theme By <a href="http://whaoming.site" target="_blank">绛木子由芒果浩明修改</a>
			    </p>
			</div>
</footer><!-- end #footer -->

    </div>
	<div class="site-tool">
		<a href="#" class="icon icon-top btn-gotop" style="display: none;"></a>
	</div>
</div><!-- end #wrapper -->
<script src="{% static 'blog/js/jquery.min.js' %}"></script>
<script src="{% static 'blog/js/jquery.plugins.js' %}"></script>
<script src="{% static 'blog/js/app.js' %}"></script>

<!--缩放-->
<script src="{% static 'blog/js/collect.js' %}"></script>
</body>
</html>
